.search{
    width: 60%;
    margin: 5% auto;
}

.form-control{
    background-color: #f2f2f2;
}

.container{
    width: 80%;
}

.icon{
    width: 10%;
    float: left;
    margin-right: 2%;
    max-width: 50px;
    
}

.card-footer {
    font-size: 8px;
}

.card-body{
    min-height: 100px;
}

.block{

    margin-top: 30px;
}

.review{
    float: right;
}

.commend{
    max-width: 30px;
    margin-left: 5px;
}

.like{
    max-width: 30px;
}

.foods{
    width: 20%;
}


#communitymain{
    margin-bottom: 20%;
}

@media (max-width:720px) {
    #communitymain{
        margin-bottom: 30%;
    }
}

.bi-hand-thumbs-up-fill{
    color: red;
}

